<template>
  <div class="stat-card">
    <div class="stat-icon">{{ icon }}</div>
    <div class="stat-content">
      <div class="stat-number">{{ number }}</div>
      <div class="stat-label">{{ label }}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
  interface Props {
    icon: string;
    number: string | number;
    label: string;
  }

  defineProps<Props>();
</script>

<style scoped lang="scss">
  @use '../css/blog.scss' as *;
</style>
